<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>粽子</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}.d_n{ display:none;}.p_a{ position:absolute}.p_r{ position:relative}.o_s{overflow-y:scroll; height:100%; }.text_c{ text-align:center;}
body{font-family:"微软雅黑",sans-self; height:100%; width:100%;overflow:hidden;}
html,body{ height:100%; width:100%;}
input{border:none;outline:none;-webkit-tap-highlight-color:rgba(37,37,37,0);-webkit-background-color:rgba(37,37,37,0);background-color:#252525; background-color:rgba(37,37,37,0);}
body{ background:url(img/bg.jpg) no-repeat top;background-size:100% auto;}
.top{ width:100%; margin-top:10rem}
.form{margin-top:1rem; z-index:2;}
.form input{ position:absolute; height:2rem;  right:3rem; width:11rem; font-size:1rem; color:#FFF;}
.form .t{top:0.95rem;}
.form .b{ bottom:0.95rem;}
.form img{ width:100%;}
.bottom{bottom:0; left:0; width:100%;}
.con_1{ width:100%;background:url(img/bottom.png) bottom no-repeat; background-size:100% auto;}
</style>
</head>

<body>
    <div class="con_1">
        <img class="top" src="img/xiaobiaoti.png"/>
        <div class="form p_r">
            <img src="img/form.png">
            <input id="id" class="t" type="text" name="">
            <input id="name" class="b" type="text" name="">
        </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>
</html>
